@import "./../../style//iconfont.wxss";

.keyboard {
  position: fixed;
  height: 45vh;
  width: 100vw;
  bottom: 0;
  left: 0;
  background: #fff;

  .first-line {
    border-top: 1rpx solid #ccc;
    border-bottom: 1rpx solid #ccc;
    display: flex;
    align-items: center;
    padding: 30rpx 30rpx;
    position: relative;
    height: 20%;

    .backup-txt {
      margin-right: 20rpx;
    }

    .backup {
      flex: 1;
    }

    .result {
      z-index: 999;
      position: absolute;
      font-size: 48rpx;
      text-align: right;
      right: 0;
      background: #fff;
      padding-right: 30rpx;
    }
  }

  .line {
    display: flex;
    justify-content: space-evenly;
    height: 20%;

    .line-item {
      border-radius: 0;
    }

    .line-item::after {
      border: none;
    }

    .line-item {
      height: 100%;
      flex: 1;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      border-right: 1rpx solid #ccc;
      border-bottom: 1rpx solid #ccc;
      font-size: 32rpx;
    }

    .date {
      padding: 0 14px;
      position: relative;

      .date-txt {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        font-size: 24rpx;
        padding: 0;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 1rpx solid #ccc;
        border-radius: 0;
      }

      .date-txt::after {
        border: none;
      }
    }

    .iconfont {
      font-size: 60rpx;
      border-right: 0;
    }

    .finish {
      background: var(--themeColor);
      border-left: 1rpx solid #ccc;
      border-right: 0;
      border-bottom: 0;
      color: #fff;
    }
  }
}